<!DOCTYPE html>
<html>
<head>
    <title>欢迎使用后台管理系统</title>
    <meta charset="utf-8">
    <%- include ../default.html%>
    <link href="/public/css/main.css" rel="stylesheet" type="text/css"/>
    <!-- <link href="/public/css/admin.css" rel="stylesheet" type="text/css"/> -->
    <link href="/public/css/user-manage.css" rel="stylesheet" type="text/css"/>
</head>

<body>
    <%- include header.html%>
    <section>
        <%- include menu.html%>
        <aside class="content" id="content">
            <el-form :inline="false" v-model="formQy" class="demo-form-inline api-user query-api">
                <el-row :gutter="2">
                    <el-col :sm="8" :md="6" :lg="6">
                        <el-form-item label="关键字" class="max254">
                            <el-input v-model="formQy.keyWord" placeholder="用户名、评论关键字" size="mini"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :sm="12" :md="10" :lg="8">
                        <el-form-item label="日期范围">
                            <el-date-picker v-model="formQy.dates" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="mini" unlink-panels value-format="yyyy-MM-dd"></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col  :sm="12" :md="10" :lg="6">
                        <el-form-item>
                            <el-button type="primary" @click="searchList" size="mini" style="padding:7px 10px;" icon="el-icon-search">查询</el-button>
                            <el-button type="danger" @click="batchDelete" size="mini" style="padding:7px 10px;" icon="el-icon-circle-close-outline">批量删除</el-button>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <template>
                <el-table :data="tableData" style="width: 100%" size="mini" class="aa-table" @select="selectRow" @select-all="selectAll" ref="list">
                    <el-table-column fixed type="selection" label="" width="50" align="center"></el-table-column>
                    <el-table-column fixed type="index" label="序号" width="50" align="center"></el-table-column>
                    <el-table-column fixed prop="username" label="评论人" width="100" align="center"></el-table-column>
                    <el-table-column fixed prop="content" label="评论内容" width="300" align="center"></el-table-column>
                    <el-table-column fixed prop="title" label="文章标题" width="300" align="center"></el-table-column>
                    <el-table-column fixed prop="time2" label="评论时间" width="180" align="center"></el-table-column>
                    <el-table-column fixed prop="thumb" label="赞同数" align="center"></el-table-column>
                    <el-table-column fixed prop="operate" label="操作"  width="180" align="center">
                        <template slot-scope="scope">
                                <el-button size="mini" type="danger" @click="deleteTabHandler(scope.row)">删除</el-button>
                            </template>
                    </el-table-column>
                </el-table>
                <div class="block repeat-menu-page">
                        <el-pagination  background
                        :current-page="page.currentPage"
                        :page-sizes="page.pageSizes"
                        :page-size="page.pageSize"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="page.total"
                        @size-change="sizeChangeHandler"
                        @current-change="currentChangeHandler"></el-pagination>
                </div>
            </template>
            <!--删除的提示信息-->
            <el-dialog title="提示信息" :visible.sync="confirmVisible" width="30%"  custom-class="api-dialog-tips" v-cloak>
                <span>此操作将永久删除该记录，是否继续？</span>
                <span slot="footer" class="dialog-footer">
                    <el-button size="mini" @click="cancelHandler">取 消</el-button>
                    <el-button type="primary" @click="deleteHandler" size="mini">确 定</el-button>
                </span>
            </el-dialog>
        </aside>
    </section>
</body>
</html>
<script src="/public/js/main.js"> </script>
<script src="/public/js/messageManage.js"></script>